<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.1.0.min.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
		<script type="text/javascript">
		
			$(document).ready(function(){
				$("#bt_search").click(function(){
					if ($("#search").css("display") == "block") {
						$("#search").slideUp();
					}
					else{
						$("#search").slideDown("100",function(){$("#searchinput").focus()});
					}
				});


				//点击更换
				$("#change").click(function(){
					$("#s1").add("#s2").slideUp("100",function(){
						$("#s4").add("#s3").slideUp("100",function(){
							$("#s6").add("#s5").slideUp("100");
						});
					});
				});
			});
			



		</script>
		<title>中区</title>
		<meta name="author" content="Administrator" />
		<!-- Date: 2012-07-05 -->
	</head>
	<body>
		<div data-role="page">
			<div data-role="header">
				<h1 style="font-size: 24px">NBA BOX</h1>
				<p>口袋中的NBA信息</p>
			</div>
			<div data-role="content">
				<div id="search" style="position:relative;display:none;">
                   <input id="searchinput" placeholder="请输入球员或球队名字" value="" type="search" />
				</div>
				<div id="the9">
					<div class="ui-grid-a">
						<div class="ui-block-a" >
							<h1 style="text-align: center">西部</h1>
						</div>
						<div class="ui-block-b">
							<h1 style="text-align: center">东部</h1>
						</div>
					</div>
					<div class="ui-grid-a">
						<div class="ui-block-a" id="s1">
							<a data-role="button"  data-ajax="false" href="#sw" style="background:#BDEDFF">西南赛区<br />Southwest</a>
						</div>
						<div class="ui-block-b" id="s2">
							<a data-role="button"  data-ajax="false" href="#se" style="background:#ff808e">东南赛区<br />Southeast</a>
						</div>						
						<div class="ui-block-a" id="s3">
							<a data-role="button"  data-ajax="false" href="#nw" style="background:#FCD208">西北赛区<br />Northwest</a>
						</div>
						<div class="ui-block-b" id="s4">
							<a data-role="button"  data-ajax="false" href="#ct" style="background:#1999D7">中部赛区<br />Central</a>
						</div>
						<div class="ui-block-a" id="s5">
							<a data-role="button"  data-ajax="false" href="#pa" style="background:#B0EB17">太平洋赛区<br />Pacific</a>
						</div>
						<div class="ui-block-b" id="s6">
							<a data-role="button"  data-ajax="false" href="#at" style="background:#FFEBA1">大西洋赛区<br />Atlantic</a>
						</div>
					</div>

				</div>
			</div>
			
			
			<div data-role="footer" style="text-align:center">
				<a href="#" data-theme="c">更新</a>
				<a id="bt_search" href="#" data-icon="search" data-theme="c">搜索</a>
				<a href="#" data-theme="c" id="change">放点歌</a>
			</div>
			

		</div>






		<!-- 另一个页面 -->
		<div data-role="page" id="sw">
			<div data-role="header">
				<h1 style="font-size: 24px">西南区</h1>
			</div>
			<div data-role="content">
				<div style="text-align:center;width:80%;margin:0px auto;background:#a8a2a8;border-radius: 20px;">
					<img src="./images/southwest_team_logo_spurs.gif" alt="spurs" />
					<a data-role="button"  data-ajax="false" href="#" style="background:#a8a2a8">圣安东尼奥马刺<br />Spurs</a>
				</div>
				<div class="ui-grid-a">
					
					<div class="ui-block-a" id="s3" style="background:#FCD208;border-radius: 20px;text-align:center;">
						<img src="./images/southwest_team_logo_rockets.gif">
						<a data-role="button"  data-ajax="false" href="#" style="background:#FCD208">休斯敦火箭<br />Rockets</a>
					</div>
					<div class="ui-block-b" id="s4" style="background:#1999D7;border-radius: 20px;text-align:center;">
						<img src="./images/southwest_team_logo_mavericks.gif" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#1999D7">达拉斯小牛<br />Maverickers</a>
					</div>
					<div class="ui-block-a" id="s5" style="background:#B0EB17;border-radius: 20px;text-align:center;">
						<img src="./images/southwest_team_logo_hornets.png" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#B0EB17">新奥尔良黄蜂<br />Hornets</a>
					</div>
					<div class="ui-block-b" id="s6" style="background:#FFEBA1;border-radius: 20px;text-align:center;">
						<img src="./images/southwest_team_logo_grizzlies.gif" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#FFEBA1">孟菲斯灰熊<br />Grizzlies</a>
					</div>
				</div>

				</div>
			</div>
							
		</div>



		<div data-role="page" id="nw">
			<div data-role="header">
				<h1 style="font-size: 24px">西北区</h1>
			</div>
			<div data-role="content">
				<div style="text-align:center;width:80%;margin:0px auto;background:#a8a2a8;border-radius: 20px;">
					<img src="./images/northwest_team_logo_thunder.gif" alt="spurs" />
					<a data-role="button"  data-ajax="false" href="#" style="background:#a8a2a8">俄克拉荷马雷霆<br />Thunder</a>
				</div>
				<div class="ui-grid-a">
					
					<div class="ui-block-a" id="s3" style="background:#FCD208;border-radius: 20px;text-align:center;">
						<img src="./images/northwest_team_logo_nuggets.gif">
						<a data-role="button"  data-ajax="false" href="#" style="background:#FCD208">丹佛掘金<br />Nuggets</a>
					</div>
					<div class="ui-block-b" id="s4" style="background:#1999D7;border-radius: 20px;text-align:center;">
						<img src="./images/northwest_team_logo_timberwolves.gif" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#1999D7">明尼苏达森林狼<br />Timberworlves</a>
					</div>
					<div class="ui-block-a" id="s5" style="background:#B0EB17;border-radius: 20px;text-align:center;">
						<img src="./images/northwest_team_logo_jazz.gif" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#B0EB17">犹他爵士<br />Jazz</a>
					</div>
					<div class="ui-block-b" id="s6" style="background:#FFEBA1;border-radius: 20px;text-align:center;">
						<img src="./images/northwest_team_logo_blazers.gif" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#FFEBA1">波特兰开拓者<br />Blazers</a>
					</div>
				</div>

				</div>
			</div>
							
		</div>




		<div data-role="page" id="pa">
			<div data-role="header">
				<h1 style="font-size: 24px">太平洋赛区</h1>
			</div>
			<div data-role="content">
				<div style="text-align:center;width:80%;margin:0px auto;background:#a8a2a8;border-radius: 20px;">
					<img src="./images/pacifics_team_logo_lakers.gif" alt="spurs" />
					<a data-role="button"  data-ajax="false" href="#" style="background:#a8a2a8">洛杉矶湖人<br />Lackers</a>
				</div>
				<div class="ui-grid-a">
					
					<div class="ui-block-a" id="s3" style="background:#FCD208;border-radius: 20px;text-align:center;">
						<img src="./images/pacifics_team_logo_clippers.gif">
						<a data-role="button"  data-ajax="false" href="#" style="background:#FCD208">洛杉矶快船<br />Clippers</a>
					</div>
					<div class="ui-block-b" id="s4" style="background:#1999D7;border-radius: 20px;text-align:center;">
						<img src="./images/pacifics_team_logo_suns.gif" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#1999D7">菲尼克斯太阳<br />Suns</a>
					</div>
					<div class="ui-block-a" id="s5" style="background:#B0EB17;border-radius: 20px;text-align:center;">
						<img src="./images/pacifics_team_logo_kings.gif" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#B0EB17">萨克拉门托国王<br />Kings</a>
					</div>
					<div class="ui-block-b" id="s6" style="background:#FFEBA1;border-radius: 20px;text-align:center;">
						<img src="./images/pacifics_team_logo_warriors.gif" alt="" />
						<a data-role="button"  data-ajax="false" href="#" style="background:#FFEBA1">金州勇士<br />Warriors</a>
					</div>
				</div>

				</div>
			</div>
							
		</div>



	</body>